<%@ page language="java" import="java.util.*,org.apache.struts2.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"   %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<!DOCTYPE HTML>
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="<%=basePath %>/assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
	<link href="<%=basePath %>/assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="<%=basePath %>/assets/css/page-min.css" rel="stylesheet" type="text/css" /> 
	<style type="text/css">
	 #grid,#btnSave,.row{
	 	margin-top:10px;
	 	margin-left:20px;
	 }
	 #loding{
	 	width:100%;
	 	height:100%;
	 	background:transparent;
	 	z-index:2000;
	 	text-align: center;
	 	display: none;
	 	position: absolute;
	 }
	 #J_Form{
	 	width:100%;
	 }
	</style>
</head>
<body>
	<div id="loding"><h1>正在执行,请稍等...！</h1></div>
	<!-- table 显示的DIV -->
    <div id="grid" ></div>
	<!-- 弹出的编辑器 -->
    <div id="content" class="hide" style="height:500px;">
      <form id="J_Form" class="form-horizontal" >
      	<!-- 为了编辑获取id号 -->
      	<input name="id" type="hidden">
      	<!-- 第一行 -->
      	<div class="row">
          <div class="control-group span8" style="width:400px;">
            <label class="control-label"><s>*</s>消息标题:</label>
            <div class="controls">
              	<input name="title" type="text" data-rules="{required:true}" class="input-normal control-text" style="width:250px;">
            </div>
          </div>
        </div>
        <!-- 第二行 -->
        <div class="row">
          <div class="control-group span15">
            <label class="control-label"><s>*</s>消息内容</label>
            <div class="controls control-row4">
              <textarea  name="content" class="input-large" type="text" data-rules="{required:true}"></textarea>
            </div>
          </div>
        </div>
      </form>
    </div>
</body>
	<script type="text/javascript" src="<%=basePath %>/assets/js/jquery-1.8.1.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>/assets/js/bui.js"></script>
	<script type="text/javascript" src="<%=basePath %>/assets/js/config.js"></script>
    <script type="text/javascript">
    	//设定BUI视图变量
    	var Grid = BUI.Grid;
    	//设定BUI数据变量
        var Data = BUI.Data;
        //获取数据
        var Store = Data.Store;
        //定义columns并且初始化
        var columns = [
          //table columns
          {title : '消息标题',dataIndex :'title' , width:'90%' ,},
          //和添加编辑按钮
		  {title : '操作',renderer : function(i){
		    return '<span class="grid-command btn-edit">编辑</span>&nbsp;&nbsp;&nbsp;<a href="#" class="btn-del" style="color:red;">删除</a>';
		  }},
        ];
        
        //定义store并且通过AJAX获取数据
        var store = new Store({
        	//AJAX 提交路劲
            url : '<%=basePath %>/Json/AdminNews',
            //自动加载数据
            autoLoad:true,
            //从第0个元素开始获取信息 
            start:0,
            //配置分页数目,后台相当于limit参数
            pageSize:15
          });
          
        //定义编辑器并且设定自定义按钮
		var editing = new Grid.Plugins.DialogEditing({
		 	//设置隐藏的Dialog内容
            contentId : 'content',
            //触发显示Dialog的样式
            triggerCls : 'btn-edit',
            //编辑器 
            editor : {
           	  width:'80%',
     		  height:350,
              elCls : 'editor',
              //编辑器标题
              title : '内容编辑',
              //设置自定义按钮
              buttons : [
              	//确定按钮
              	{
              		text:'确定',
              		elCls : 'button button-primary',
              		handler : function(){
						//实现ajax数据提交
						$.ajax({
							type:"post",
							dataType:"json",
							data:{
								'id':editing.get('form').getFieldValue('id'),
								'title':editing.get('form').getFieldValue('title'),
								'content':editing.get('form').getFieldValue('content'),
							},
							url:"<%=basePath %>/AdminNews_JEdit",
							beforeSend: function(XMLHttpRequest){
								//显示稍等
								$("#loding").css("display","block");
							},
							success: function(data){
								//成功并且收到信息
								if(data==1){
									$("#loding").css("display","none");
									//隐藏稍等窗口
									BUI.Message.Alert('恭喜您,编辑成功!',function(){
										refreshFunction();
									},'success');
									//刷新
								}else{
									$("#loding").css("display","none");
									//隐藏稍等窗口
									BUI.Message.Alert('编辑失败，请重试！',function(){
										refreshFunction();
									},'error');
								}
							},
							error: function(status){
								if (status == "timeout")
				                {
				                	$("#loding").css("display","none");
				                	BUI.Message.Alert('请求超时，请重试!',function(){
										refreshFunction();
									},'error');
				                }else{
				                	$("#loding").css("display","none");
				                	//如果出别的错
									BUI.Message.Alert('系统错误，请跟管理员联系！',function(){
										refreshFunction();
									},'error');
				              	}
							}
						});
						//消失弹出窗口
						this.hide();
              		},
              	},
              	//取消按钮
              	{
              		text:'取消',
              		elCls : 'button',
              		handler : function(){
              			this.hide();
              		}
              	}
              ]
            }
          });
        

        //定义视图并且设置视图配置
        var grid = new Grid.Grid({
        	//显示div的id
            render:'#grid',
            //宽度
            width:'99.7%',
            //加载columns
            columns : columns,
            //加载数据时显示屏蔽层
            loadMask: true, 
            //加载store
            store: store,
            //给grid加载CheckSelection和编辑器
            plugins : [editing],
            // 底部工具栏
            bbar:{
                // pagingBar:表明包含分页栏
                pagingBar:true,
            },
            // 顶部工具栏
            tbar:{
		      items : [
		      	//添加刷新按钮
		      	{
			        btnCls : 'button button-small',
			        text : '<i class="icon-refresh" tyle="color:blue"></i>刷新',
			        listeners : {
			          'click' : refreshFunction
			        }
		      	}
		      ]
		    }
        });
        
        //item点击事件
        grid.on('itemclick',function(ev){
	        var sender = $(ev.domTarget);
	        //获取点击的item
	        var item = ev.item;
	        //点击删除操作
	        if(sender.hasClass('btn-del')){
	        	//执行删除函数
	        	delFunction(item);
	        }
        });  
          
        //加载grid
        grid.render();
        
        //删除函数
        function delFunction(item){
        	BUI.Message.Confirm('你确定删除此数据吗?',function(){
          		setTimeout(function(){
          			//实现ajax数据提交
						$.ajax({
							type:"post",
							dataType:"json",
							data:{
								'id':item.id,
							},
							url:"<%=basePath %>/AdminNews_JDelete",
							beforeSend: function(XMLHttpRequest){
								//显示稍等
								$("#loding").css("display","block");
							},
							success: function(data){
								//成功并且收到信息
								if(data==1){
									$("#loding").css("display","none");
									//隐藏稍等窗口
									BUI.Message.Alert('恭喜您,编辑成功!',function(){
										refreshFunction();
									},'success');
								}else{
									$("#loding").css("display","none");
									//隐藏稍等窗口
									BUI.Message.Alert('删除失败，请重试!',function(){
										refreshFunction();
									},'error');
								}
							},
							error: function(status){
								if (status == "timeout")
				                {
				                	$("#loding").css("display","none");
				                    BUI.Message.Alert('请求超时，请重试!',function(){
										refreshFunction();
									},'error');
				                }else{
				                	$("#loding").css("display","none");
				                	//如果出别的错
									BUI.Message.Alert('系统错误，请跟管理员联系！',function(){
										refreshFunction();
									},'error');
				              	}
							}
						});
          		});
        	},'question');
        }
        
        //刷新函数
        function refreshFunction(){
        	location.reload();
        }
    </script>
</html>
